<template>
    <div class="toolbar">
        <ul class="tool-list">
            <li class="tool-list-item">
                <button><span class="iconfont icon-icon_im_face"></span></button>
            </li>
            <li class="tool-list-item">
                <button><span class="iconfont icon-icon_photo"></span></button>
            </li>
            <li class="tool-list-item">
                <button><span class="iconfont icon-icon_more"></span></button>
            </li>
        </ul>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
.toolbar{
    height: 30px;
    .tool-list{
        width: 100%;
        height: 100%;
        .tool-list-item{
            float: left;
            margin-left: 10px;
            &:last-child{
                float: right;
                margin-right: 10px;
            }
            button{
                width: 26px;
                height: 26px;
                margin-top: 2px;
                border-radius: 50%;
            }
        }
    }
}
</style>
